Pré-requisitos: Documentação de Especificação
Visão geral da interação do usuário pelas telas do sistema e protótipo interativo das telas com as funcionalidades que fazem parte do sistema (wireframes).
O diagrama apresenta o estudo do fluxo de interação do usuário com o sistema interativo e muitas vezes sem a necessidade do desenho do design das telas da interface. Isso permite que o design das interações seja bem planejado e gere impacto na qualidade no design do wireframe interativo que será desenvolvido logo em seguida.
São protótipos usados em design de interface para sugerir a estrutura de um site web e seu relacionamentos entre suas páginas. Um wireframe web é uma ilustração semelhante do layout de elementos fundamentais na interface.
A tela de home-page mostra um carrossel de fotos, um resumo sobre a empresa e um mapa de como chegar.O bloco apresenta os mesmos elementos fixos (cabeçalho e rodapé).
O bloco do home-page traz quatro elementos distintos:
● Componente de "serviços" que permite escolher o serviço;
● Componente de "depoimentos";
● Componente de "sobre a empresa" que possui informações da empresa.
● Componente de login.
O serviço contém uma lista de serviços com categorias específicas, à escolha do usuário. O Bloco também apresenta os mesmos elementos fixos (cabeçalho e rodapé).
Permite que o usuário faça comentários e avaliações sobre o trabalho prestado pela empresa.
Fotos e informações da empresa.
Permite que o usuário acesse seu cadastro e seus agendamentos.
